
<template>
  <!-- :before-close="addVisiblefn" -->
  <el-dialog title="货道设置" :visible="addVisibles" :before-close="addVisiblefn">
    <div slot="footer" class="dialog-footer">
      <el-button type="primary">确 定</el-button>
    </div>
    <div class="paihuo">
      <span>   货道行数:{{ form.vmRow }}</span>
      <span>货道列数:{{ form.vmCol }}</span>
      <span>货道容量(个):{{ form.channelMaxCapacity }}</span>
      <el-button type="primary">智能排货</el-button>
    </div>

    <div v-for="(item,index) in cutList" :key="index" class="block">
      <span class="demonstration">{{ item }}</span>
      <el-image
        style="width: 100px; height: 100px"
        :src="item.sku && item.sku.skuImage? item.sku.skuImage:''"
        :cut-list="cutList"
      />
    </div>
  </el-dialog>
</template>

<script>

export default {
  name: 'Hdsz',
  props: {
    addVisibles: {
      type: Boolean,
      default: false
    }
  },
  data() {
    return {
      form: {},
      cutList: []

    }
  },
  created() {

  },

  mounted() {},

  methods: {
    addVisiblefn() {
      this.$emit('update:addVisibles', false)
      //   this.$refs.form.resetFields()
      console.log(this.cutList.sku)
    }
  }
}
</script>

<style lang="scss" scoped>
.paihuo{
background-color: #f3f6fb;
display: flex;
justify-content: space-around;
}
</style>
